@import '../index.scss';

.home {
  .el-container {
    .header_box {
      width: 100%;
      height: 60px;
    }

    .el-header {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999;
      width: 100%;
      background-color: $themecolor;
      display: flex;
      justify-content: flex-end;

      .el-menu--horizontal {
        background-color: $themecolor;
        margin-right: 30px;

        .el-menu-item {
          float: right !important;
        }

        .is-active {
          background-color: $themecolor;
        }
      }

      .avatar {
        .el-dropdown {
          .el-dropdown-menu {
            margin-top: -30px !important;

          }

          .el-avatar {
            margin: 10px 10px 0 10px;
          }
        }
      }
    }
  }
}


.el-header,
.el-footer {
  background-color: $themecolor;
  color: #333;
  text-align: center;
}

.el-main {
  background-color: $bgcolor;
  color: #333;
  text-align: center;
  line-height: 160px;
}

body>.el-container {
  margin-bottom: 40px;
}

.el-container:nth-child(5) .el-aside,
.el-container:nth-child(6) .el-aside {
  line-height: 260px;
}

.el-container:nth-child(7) .el-aside {
  line-height: 320px;
}